$(function () {

    init();
    function init() {
        getData();
        eventLis();
        // getProduct();
    }
    function getData() {
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getbaicaijiatitle",
            success: function (res) {
                // console.log(res);
                // res
                // {
                //     result:[.....]
                // }
                let data = res.result;
                // 获取成功
                let html = template('title', { arr: data });
                // let html='';
                // for(let i=0;i<data.length;i++){
                //     let htmlTmp=
                //     `<a class="mui-control-item " href="#item${i+1}">
                //     ${data[i].title}</a>`
                //     html+=htmlTmp;
                // }
                $('#segmentedControl').html(html);
                iscroll();
                // console.log(data)
                //默认进来就显示第一个tap栏的内容
                getProduct(0);
            }
        });
    }
    function iscroll() {
        var myScroll = new IScroll('.nan_main .nav', {
            scrollX: true,
            scrollY: false
        });
    }

    function getProduct(id) {  
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getbaicaijiaproduct",
            
            data:{titleid:id},
            success: function (res) {
                // console.log(res);
                let data=res.result;
                // console.log(data);
                let html = template('proList', { arr: data });
                $('.nav_content').html(html);
            }
        });
    }
    //监听导航的a标签点击事件，获取id,再传给接口函数，获取后台数据
    function eventLis() {  
        $('#segmentedControl').on('tap','a',function () {  
            let id=$(this).data('id');
            // console.log(id);
            getProduct(id);
        })
        $('footer .toTop').on('tap',function(){
            $(window).scrollTop(0);
            // console.log(123);
        })
    }

})